用户名

密码

搜索内容 搜索类别
 网站首页 |   公司简介 |   建站套餐 |   建站指南 |   新手上路 |   网络资讯 |   编辑技巧 |   网页设计 |   网页特效 |   HTML教程 |   代理加盟 |   案例精选 |   网上商城 |   域名查询 |   域名邮箱 | 

 

两个并排的表格

发布时间 2006-09-23

 

有时候我们需要把两个单独的表格并排排列,但是当我们连续插入两个表格的时候,表格会自动分成上下排列,如何解决这个问题呢?

方法一:利用表格的嵌套(我们可以先做一个一行两列的表格,然后在这个表格的每个单元格里在插入一个表格就行了)

详细的操作步骤如下:

1、单击“插入表格”按钮,插入一个1行2列的表格,相关属性设置是:
边框粗细、单元间距、单元边距都设为0
表格宽度可以默认为100%,也可以设成固定值,本例设为440像素。

2、在这个表格的每个单元格里再分别插入一个1行1列的表格,相关属性设置是:
边框粗细设为1,单元间距和单元边距设为0
表格宽度设为98%,也可以设成固定值,本例设为200像素

效果如下:

 
 
 


代码如下:
<table width="440" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1">
<tr>
<td> </td>
</tr>
</table>
</td>
<td>
<table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1">
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>

(推荐)第二种方法:连续插入两个表格后,将第一个表格(注意,是表格而不是单元格)的水平对齐方式设置为“左对齐"”就ok了!)

详细的操作步骤如下:

1、单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是:
边框粗细设为1,
单元间距和单元边距设为0,
对齐方式设为左对齐,
表格的宽度设为50%
2、再次单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是:
边框粗细设为1,
单元间距和单元边距设为0,
表格的宽度设为50%

效果如下:

 
 
 


代码如下:
<table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1" align="left">
<tr>
<td> </td>
</tr>
</table>
<table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1">
<tr>
<td> </td>
</tr>
</table>

[ 点击数:] [打印本网页] [关闭本窗口]
 

相关内容
查无记录

  开户:农业银行宝山友谊支路行

开户:建设银行上海宝山团结路支行            开户:上海浦东发展银行宝山支行
  户名:黄能伟 户名:黄能伟                                                    户名:黄能伟
  账号:9559 9800 3057 2120 514  账号:4367 4212 1620 4242 137               账号:9843 0301 0146 5200

    地址:上海市宝山区友谊支路304号  手机:13901838552     电话:02156607372       联系人:黄能伟 

    Email: fengdi021@163.com 

  备案序号:沪ICP备05048739号

网站管理